<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-descriptions ant-pro-descriptions"
    >
      <div
        class="ant-descriptions-header"
      >
        <div
          class="ant-descriptions-title"
        >
          可编辑的定义列表
        </div>
        <div
          class="ant-descriptions-extra"
        >
          <div
            class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
          >
            <div
              class="ant-space-item"
            >
              <a
                rel="noopener noreferrer"
                target="_blank"
              >
                链路
              </a>
              <a
                rel="noopener noreferrer"
                target="_blank"
              >
                报警
              </a>
              <a
                rel="noopener noreferrer"
                target="_blank"
              >
                查看
              </a>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-descriptions-view"
      >
        <table>
          <tbody>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    文本
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-describedby="test-id"
                          aria-label="这是一段文本columns"
                          class="ant-typography ant-typography-ellipsis"
                          style="width: 100%; margin: 0px; padding: 0px;"
                          title=""
                        >
                          这是一段文本columns
                          <button
                            aria-describedby="test-id"
                            aria-label="复制"
                            class="ant-typography-copy"
                            type="button"
                          >
                            <span
                              aria-label="copy"
                              class="anticon anticon-copy"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="copy"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
                                />
                              </svg>
                            </span>
                          </button>
                        </span>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    状态
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <span
                      class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
                    >
                      <span
                        class="ant-badge-status-dot ant-badge-status-default"
                      />
                      <span
                        class="ant-badge-status-text"
                      >
                        全部
                      </span>
                    </span>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    文本域
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <span
                          class="ant-pro-field-readonly ant-pro-field-readonly-textarea"
                        >
                          这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域-这是一个文本域
                        </span>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    状态2
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        open
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    分值
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        -
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    时间
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        2020-08-09
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    Rate
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <ul
                          class="ant-rate ant-rate-disabled"
                          tabindex="-1"
                        >
                          <li
                            class="ant-rate-star ant-rate-star-full"
                          >
                            <div
                              aria-checked="true"
                              aria-posinset="1"
                              aria-setsize="5"
                              role="radio"
                              tabindex="-1"
                            >
                              <div
                                class="ant-rate-star-first"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                              <div
                                class="ant-rate-star-second"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                            </div>
                          </li>
                          <li
                            class="ant-rate-star ant-rate-star-full"
                          >
                            <div
                              aria-checked="true"
                              aria-posinset="2"
                              aria-setsize="5"
                              role="radio"
                              tabindex="-1"
                            >
                              <div
                                class="ant-rate-star-first"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                              <div
                                class="ant-rate-star-second"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                            </div>
                          </li>
                          <li
                            class="ant-rate-star ant-rate-star-full"
                          >
                            <div
                              aria-checked="true"
                              aria-posinset="3"
                              aria-setsize="5"
                              role="radio"
                              tabindex="-1"
                            >
                              <div
                                class="ant-rate-star-first"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                              <div
                                class="ant-rate-star-second"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                            </div>
                          </li>
                          <li
                            class="ant-rate-star ant-rate-star-full"
                          >
                            <div
                              aria-checked="true"
                              aria-posinset="4"
                              aria-setsize="5"
                              role="radio"
                              tabindex="-1"
                            >
                              <div
                                class="ant-rate-star-first"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                              <div
                                class="ant-rate-star-second"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                            </div>
                          </li>
                          <li
                            class="ant-rate-star ant-rate-star-full"
                          >
                            <div
                              aria-checked="true"
                              aria-posinset="5"
                              aria-setsize="5"
                              role="radio"
                              tabindex="-1"
                            >
                              <div
                                class="ant-rate-star-first"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                              <div
                                class="ant-rate-star-second"
                              >
                                <span
                                  aria-label="star"
                                  class="anticon anticon-star"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="star"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
                                    />
                                  </svg>
                                </span>
                              </div>
                            </div>
                          </li>
                        </ul>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    money
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <div
                          aria-describedby="test-id"
                        >
                          1212100
                        </div>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
            <tr
              class="ant-descriptions-row"
            >
              <td
                class="ant-descriptions-item"
                colspan="1"
              >
                <div
                  class="ant-descriptions-item-container"
                >
                  <span
                    class="ant-descriptions-item-label"
                  >
                    百分比
                  </span>
                  <span
                    class="ant-descriptions-item-content"
                    style="min-width: 0;"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <span>
                          100.00%
                        </span>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <span
                          aria-label="edit"
                          class="anticon anticon-edit"
                          role="img"
                          tabindex="-1"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="edit"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
                            />
                          </svg>
                        </span>
                      </div>
                    </div>
                  </span>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div
      style="margin-top: 20px; padding: 20px; background-color: #f5f5f5; border-radius: 6px;"
    >
      <h4>
        ProDescriptions 可编辑功能 Props 说明：
      </h4>
      <ul>
        <li>
          <strong>
            actionRef
          </strong>
          : 操作引用，用于调用组件方法
        </li>
        <li>
          <strong>
            formProps
          </strong>
          : 表单属性配置
        </li>
        <li>
          <strong>
            title
          </strong>
          : 描述列表标题
        </li>
        <li>
          <strong>
            request
          </strong>
          : 异步请求函数
        </li>
        <li>
          <strong>
            editable
          </strong>
          : 可编辑配置
        </li>
        <li>
          <strong>
            columns
          </strong>
          : 列配置数组
        </li>
      </ul>
      <h4>
        FormProps 表单配置：
      </h4>
      <ul>
        <li>
          <strong>
            onValuesChange
          </strong>
          : 表单值变化时的回调函数
        </li>
        <li>
          <strong>
            其他表单属性
          </strong>
          : 支持所有 Form 组件的属性
        </li>
      </ul>
      <h4>
        Column 可编辑配置：
      </h4>
      <ul>
        <li>
          <strong>
            copyable
          </strong>
          : 是否可复制
        </li>
        <li>
          <strong>
            ellipsis
          </strong>
          : 是否显示省略号
        </li>
        <li>
          <strong>
            editable
          </strong>
          : 是否可编辑，false 表示禁用编辑
        </li>
        <li>
          <strong>
            formItemProps
          </strong>
          : 表单项属性配置
        </li>
        <li>
          <strong>
            formItemRender
          </strong>
          : 自定义表单项渲染函数
        </li>
      </ul>
      <h4>
        ValueType 动态配置：
      </h4>
      <ul>
        <li>
          <strong>
            函数形式
          </strong>
          : valueType: (record) =&gt;
           string
        </li>
        <li>
          <strong>
            条件判断
          </strong>
          : 根据数据动态返回 valueType
        </li>
        <li>
          <strong>
            数据依赖
          </strong>
          : 基于当前行数据决定显示类型
        </li>
      </ul>
      <h4>
        FieldProps 字段属性：
      </h4>
      <ul>
        <li>
          <strong>
            mode
          </strong>
          : 选择模式，'multiple' 表示多选
        </li>
        <li>
          <strong>
            其他属性
          </strong>
          : 根据 valueType 传递相应属性
        </li>
      </ul>
      <h4>
        Request 远程数据：
      </h4>
      <ul>
        <li>
          <strong>
            异步函数
          </strong>
          : 返回 Promise 对象
        </li>
        <li>
          <strong>
            数据格式
          </strong>
          : [{ label: string, value: any }]
        </li>
        <li>
          <strong>
            动态选项
          </strong>
          : 根据条件动态生成选项
        </li>
      </ul>
      <h4>
        Render 自定义渲染：
      </h4>
      <ul>
        <li>
          <strong>
            参数
          </strong>
          : (dom, entity, index, action)
        </li>
        <li>
          <strong>
            dom
          </strong>
          : 默认渲染的 DOM
        </li>
        <li>
          <strong>
            entity
          </strong>
          : 当前行数据
        </li>
        <li>
          <strong>
            index
          </strong>
          : 行索引
        </li>
        <li>
          <strong>
            action
          </strong>
          : 操作对象，包含 startEditable 等方法
        </li>
      </ul>
      <h4>
        Action 操作方法：
      </h4>
      <ul>
        <li>
          <strong>
            startEditable
          </strong>
          : 开始编辑指定字段
        </li>
        <li>
          <strong>
            cancelEditable
          </strong>
          : 取消编辑
        </li>
        <li>
          <strong>
            saveEditable
          </strong>
          : 保存编辑
        </li>
      </ul>
      <h4>
        ValueType 类型：
      </h4>
      <ul>
        <li>
          <strong>
            select
          </strong>
          : 选择框，配合 valueEnum 使用
        </li>
        <li>
          <strong>
            textarea
          </strong>
          : 文本域
        </li>
        <li>
          <strong>
            date
          </strong>
          : 日期选择器
        </li>
        <li>
          <strong>
            rate
          </strong>
          : 评分组件
        </li>
        <li>
          <strong>
            money
          </strong>
          : 金额格式
        </li>
        <li>
          <strong>
            percent
          </strong>
          : 百分比格式
        </li>
      </ul>
      <h4>
        使用场景：
      </h4>
      <ul>
        <li>
          <strong>
            内联编辑
          </strong>
          : 直接在列表中编辑数据
        </li>
        <li>
          <strong>
            条件编辑
          </strong>
          : 根据条件控制编辑状态
        </li>
        <li>
          <strong>
            动态表单
          </strong>
          : 根据数据动态生成表单
        </li>
        <li>
          <strong>
            交互操作
          </strong>
          : 提供丰富的交互操作
        </li>
      </ul>
      <h4>
        最佳实践：
      </h4>
      <ul>
        <li>
          <strong>
            编辑控制
          </strong>
          : 合理控制哪些字段可编辑
        </li>
        <li>
          <strong>
            用户体验
          </strong>
          : 提供清晰的编辑反馈
        </li>
        <li>
          <strong>
            数据验证
          </strong>
          : 在编辑时进行数据验证
        </li>
        <li>
          <strong>
            状态管理
          </strong>
          : 合理管理编辑状态
        </li>
      </ul>
    </div>
  </div>
</DocumentFragment>